<!DOCTYPE html>
<html lang="en" class="aaa">
<head>
    <meta charset="UTF-8">
    <title>HOME | 首页</title>
    <link rel="stylesheet" href="../build/css/base.css">
    <link rel="stylesheet" href="../build/css/style.css">
</head>
<body>
<header>
    <div class="header-main ks-container">
        <h1>
            <a href="javascript:;" class="top-logo"></a>
        </h1>

        <nav class="nav">
            <ul class="nav-animate-a">
                <li>
                    <a href="javascript:;">HOME</a>
                </li>
                <li>
                    <a href="javascript:;">RELEASE</a>
                </li>
                <li>
                    <a href="javascript:;">ABOUT</a>
                </li>
                <li>
                    <a href="javascript:;">CONTACT</a>
                </li>
            </ul>

            <div class="nav-animate-js"></div>
        </nav>

        <div class="menu-btn-wrap">
            <a href="javascript:;" class="menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
    </div>
</header>



<section class="ks-wrap ks-container">
    <h1 class="topic">
        <span class="tpC">c</span>
        <span class="tpL">l</span>
        <span class="tpA">a</span>
        <span class="tpS">s</span>
        <span class="tpS">s</span>
        <span class="tpI">i</span>
        <span class="tpF">f</span>
        <span class="tpI">i</span>
        <span class="tpC">c</span>
        <span class="tpA">a</span>
        <span class="tpT">t</span>
        <span class="tpI">i</span>
        <span class="tpO">o</span>
        <span class="tpN">n</span>
    </h1>
    <div class="ks-bulk">
        <article class="bulk-body">
            <a href="javascript:;" class="bulk-main">
                <figure>
                    <img src="../src/images/default.jpg" alt="defaultImg">
                    <i class="new-ico"></i>
                </figure>

                <h2 class="bulk-title">标题在此处标题在此处标题在此处标题在此处标题在此处标题在此处标题在此处标题在此处</h2>

                <div class="bulk-btom clearfix">
                    <p>2017.12.12</p>
                    <p>999+</p>
                </div>
            </a>
        </article>
        <article class="bulk-body">
            <a href="javascript:;" class="bulk-main">
                <figure>
                    <img src="../src/images/default.jpg" alt="defaultImg">
                    <i class="new-ico"></i>
                </figure>

                <h2 class="bulk-title">标题在此处标题</h2>

                <div class="bulk-btom clearfix">
                    <p>2017.12.12</p>
                    <p>999+</p>
                </div>
            </a>
        </article>
        <article class="bulk-body">
            <a href="javascript:;" class="bulk-main">
                <figure>
                    <img src="../src/images/default.jpg" alt="defaultImg">
                    <i class="new-ico"></i>
                </figure>

                <h2 class="bulk-title">标题在此处标题在此处</h2>

                <div class="bulk-btom clearfix">
                    <p>2017.12.12</p>
                    <p>999+</p>
                </div>
            </a>
        </article>
    </div>

    <div class="home-btn">
        <a href="javascript:;" class="btn">获取更多</a>
    </div>
</section>

<section class="ks-wrap ks-container">
    <h1 class="topic">
        <span class="tpC">c</span>
        <span class="tpL">l</span>
        <span class="tpA">a</span>
        <span class="tpS">s</span>
        <span class="tpS">s</span>
        <span class="tpI">i</span>
        <span class="tpF">f</span>
        <span class="tpI">i</span>
        <span class="tpC">c</span>
        <span class="tpA">a</span>
        <span class="tpT">t</span>
        <span class="tpI">i</span>
        <span class="tpO">o</span>
        <span class="tpN">n</span>
    </h1>
    <div class="ks-bulk">
        <article class="bulk-body">
            <a href="javascript:;" class="bulk-main">
                <figure>
                    <img src="../src/images/default.jpg" alt="defaultImg">
                    <i class="new-ico"></i>
                </figure>

                <h2 class="bulk-title">标题在此处标题在此处标题在此处标题在此处标题在此处标题在此处标题在此处标题在此处</h2>

                <div class="bulk-btom clearfix">
                    <p>2017.12.12</p>
                    <p>999+</p>
                </div>
            </a>
        </article>
        <article class="bulk-body">
            <a href="javascript:;" class="bulk-main">
                <figure>
                    <img src="../src/images/default.jpg" alt="defaultImg">
                    <i class="new-ico"></i>
                </figure>

                <h2 class="bulk-title">标题在此处标题</h2>

                <div class="bulk-btom clearfix">
                    <p>2017.12.12</p>
                    <p>999+</p>
                </div>
            </a>
        </article>
        <article class="bulk-body">
            <a href="javascript:;" class="bulk-main">
                <figure>
                    <img src="../src/images/default.jpg" alt="defaultImg">
                    <i class="new-ico"></i>
                </figure>

                <h2 class="bulk-title">标题在此处标题在此处</h2>

                <div class="bulk-btom clearfix">
                    <p>2017.12.12</p>
                    <p>999+</p>
                </div>
            </a>
        </article>
    </div>

    <div class="home-btn">
        <a href="javascript:;" class="btn">获取更多</a>
    </div>
</section>

<footer>
    <div>
        <ul class="footer-nav">
            <li>
                <a href="javascript:;">HOME</a>
            </li>
            <li>
                <a href="javascript:;">RELEASE</a>
            </li>
            <li>
                <a href="javascript:;">ABOUT</a>
            </li>
            <li>
                <a href="javascript:;">CONTACT</a>
            </li>
        </ul>

        <div class="contact-main">
            <div class="contact-me">
                <a class="hovers" href="javascript:;"></a>
                <div class="code-img">
                    <img src="../src/images/my-qq.png" alt="qrCode">
                </div>
            </div>

            <!--<div class="contact-me">-->
                <!--<a href="javascript:;"></a>-->
                <!--<div class="code-img">-->
                    <!--<img src="../src/images/my-qq.png" alt="qrCode">-->
                <!--</div>-->
            <!--</div>-->
        </div>

        <p class="certificate">© 2009-2018 Aliyun.com 版权所有 ICP证：浙B2-20080101</p>
    </div>
</footer>


<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="../src/js/home.js"></script>
</body>
</html>